<!-- 父组件 Form.vue -->

<template>
  <div class="parent">
    <h3>问卷调查</h3>
    <!-- 注意这里，formData是自定义属性，用来向子组件传递数据，如果要想被子组件控制，必须加上 .sync，
    请注意，现在新版本的vue可以不用写.sync-->
    <child :formData.sync="form"></child>
    <div class>
      <p>姓名：{{form.name}}</p>
      <p>年龄：{{form.age}}</p>
      <p>地址：{{form.address}}</p>
    </div>
  </div>
</template>

<script>
import child from "../components/dialog.vue"; //导入子组件

export default {
  components: {
    child
  },
  data: function() {
    //定义返回data
    return {
      form: {
        name: "",
        namePla: "姓名不能为空",
        address: "",
        age: ""
      }
    };
  }
};
</script>